<template>
    <div style="margin-left: 10%; width: 80%; margin-top: 50px; margin-bottom: 50px;">
        <el-tabs type="border-card" @tab-click="clickTab">
            <el-tab-pane label="课程列表">
                <CourseList></CourseList>
            </el-tab-pane>
            <el-tab-pane label="添加课程">
                <AddCourse></AddCourse>
            </el-tab-pane>
        </el-tabs>
    </div>
</template>
<script>
import CourseList from "../../components/CourseList"
import AddCourse from "../../components/AddCourse"

export default {
    name: 'manageCourse',
    components: { CourseList, AddCourse },
    data() {
        return {
            activeName: 'second',
            courseList: {}
        };
    },
    methods: {
        handleClick(tab, event) {
            console.log(tab, event);
        },
        clickTab(targetName){
            console.log('', targetName)
        }
    }
};
</script>